<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="theme-color">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <link rel="shortcut icon" href="./favicon.ico">
    <link rel="stylesheet" href="__PUBLIC__/apps/css/reset.css">
    <link rel="stylesheet" href="__PUBLIC__/apps/css/index.css">
    <script src="__PUBLIC__/apps/js/jquery-3.1.1.min.js"></script>
    <script src="__PUBLIC__/apps/js/LiftEffect.js"></script>
    <title>　金蚂蚁装修网</title>

    <script>!function (e, t) { function i() { var t = r.getBoundingClientRect().width; (function () { for (var e = navigator.userAgent, t = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"), i = !0, a = 0; a < t.length; a++)if (e.indexOf(t[a]) > 0) { i = !1; break } return i })() && t < 2047 && (t = t > 540 ? 540 : t); var i = t / 7.5; r.style.fontSize = i + "px", s.rem = e.rem = i } var a, n = e.document, r = n.documentElement, o = n.querySelector('meta[name="viewport"]'), d = n.querySelector('meta[name="flexible"]'), l = 0, m = 0, s = t.flexible || (t.flexible = {}); if (o) { console.warn("将根据已有的meta标签来设置缩放比例"); var p = o.getAttribute("content").match(/initial\-scale=([\d\.]+)/); p && (m = parseFloat(p[1]), l = parseInt(1 / m)) } else if (d) { var c = d.getAttribute("content"); if (c) { var u = c.match(/initial\-dpr=([\d\.]+)/), f = c.match(/maximum\-dpr=([\d\.]+)/); u && (l = parseFloat(u[1]), m = parseFloat((1 / l).toFixed(2))), f && (l = parseFloat(f[1]), m = parseFloat((1 / l).toFixed(2))) } } if (!l && !m) { e.navigator.appVersion.match(/android/gi); var v = e.navigator.appVersion.match(/iphone/gi), h = (e.navigator.appVersion.match(/ipad/gi), e.devicePixelRatio); m = 1 / (l = v ? h >= 3 && (!l || l >= 3) ? 3 : h >= 2 && (!l || l >= 2) ? 2 : 1 : 1) } if (r.setAttribute("data-dpr", l), !o) if ((o = n.createElement("meta")).setAttribute("name", "viewport"), o.setAttribute("content", "initial-scale=" + m + ", maximum-scale=" + m + ", minimum-scale=" + m + ", user-scalable=no"), r.firstElementChild) r.firstElementChild.appendChild(o); else { var g = n.createElement("div"); g.appendChild(o), n.write(g.innerHTML) } e.addEventListener("resize", function () { clearTimeout(a), a = setTimeout(i, 300) }, !1), e.addEventListener("pageshow", function (e) { e.persisted && (clearTimeout(a), a = setTimeout(i, 300)) }, !1), "complete" === n.readyState ? n.body.style.fontSize = 14 * l + "px" : n.addEventListener("DOMContentLoaded", function (e) { n.body.style.fontSize = 14 * l + "px" }, !1), i(), s.dpr = e.dpr = l, s.refreshRem = i, s.rem2px = function (e) { var t = parseFloat(e) * this.rem; return "string" == typeof e && e.match(/rem$/) && (t += "px"), t }, s.px2rem = function (e) { var t = parseFloat(e) / this.rem; return "string" == typeof e && e.match(/px$/) && (t += "rem"), t } }(window, window.lib || (window.lib = {}))


    </script>

</head>

<body class="Liucheng">
        <div class="nav">
            <a href="{:U('Index/index')}">
                <首页</a>
                    <p>装修流程</p>
        </div>
        <div class="top clearfix">
            <div class="about">
                <h1></h1>
                <p>装修流程</p>
                <img src="__PUBLIC__/apps/img/t0.png" alt="">
            </div>
            <span class='border'>
            
            </span>
        </div>
        <div class="lift-target">
            <div class="t1 clearfix">
                <div class="about">
                    <h1>1</h1>
                    <p>在线预约</p>
                    <img src="__PUBLIC__/apps/img/t1.png" alt="">
                </div>
                <div class="img">
                    <img src="__PUBLIC__/apps/img/F1b.png" alt="">
                    <div class="text">
                        <p>在线预约</p>
                        <p>登记联系方式</p>
                    </div>
                </div>
                <span class='border'>

                </span>
            </div>
            <div class="t2 clearfix">
                <div class="about">
                    <h1>2</h1>
                    <p>选装修公司</p>
                    <img src="__PUBLIC__/apps/img/t2.png" alt="">
                </div>
                <div class="img">
                    <img src="__PUBLIC__/apps/img/F2b.png" alt="">
                    <div class="text">
                        <p>选装修公司</p>
                        <p>选定装修公司量房设计</p>
                    </div>
                </div>
                <span class='border'>
                
                </span>
            </div>
            <div class="t3 clearfix">
                <div class="about">
                    <h1>3</h1>
                    <p>挑选方案</p>
                    <img src="__PUBLIC__/apps/img/t3.png" alt="">
                </div>
                <div class="img">
                    <img src="__PUBLIC__/apps/img/F3b.png" alt="">
                    <div class="text">
                        <p>挑选方案</p>
                        <p>对比多套装修方案</p>
                    </div>
                </div>
                <span class='border'>
                
                </span>
            </div>
            <div class="t4 clearfix">
            <div class="about">
                <h1>4</h1>
                <p>装修施工</p>
                <img src="__PUBLIC__/apps/img/t4.png" alt="">
            </div>
                <div class="img">
                    <img src="__PUBLIC__/apps/img/F4b.png" alt="">
                    <div class="text">
                        <p>装修施工</p>
                        <p>装修施工</p>
                    </div>
                </div>
                <span class='border'>
                
                </span>
            </div>
            <div class="t5 clearfix">
                <div class="about">
                    <h1>5</h1>
                    <p>竣工验收</p>
                    <img src="__PUBLIC__/apps/img/t5.png" alt="">
                </div>
                <div class="img">
                    <img src="__PUBLIC__/apps/img/F5b.png" alt="">
                    <div class="text">
                        <p>竣工验收</p>
                        <p>通过验收，软装设计</p>
                    </div>
                </div>
                <span class='border'>
                
                </span>
            </div>
            <div class="t6 clearfix">
                <div class="about">
                    <h1>6</h1>
                    <p>软装配饰</p>
                    <img src="__PUBLIC__/apps/img/t6.png" alt="">
                </div>
                <div class="img">
                    <img src="__PUBLIC__/apps/img/F6b.png" alt="">
                    <div class="text">
                        <p>软装配饰</p>
                        <p>拎包入住</p>
                    </div>
                </div>
                <span class='border'>
                
                </span>
            </div>
            <div class="t7 clearfix">
                <div class="about">
                    <h1>7</h1>
                    <p>安全保障</p>
                    <img src="__PUBLIC__/apps/img/t7.png" alt="">
                </div>
                <div class="img">
                    <img src="__PUBLIC__/apps/img/F7b.png" alt="">
                    <div class="text">
                        <p>安全保障</p>
                        <p>享受国家安全保障</p>
                    </div>
                </div>
             
            </div>
        </div>

        
<script>
 
    $(function () {
        LiftEffect({
            "control1": ".lift-target", 						  //侧栏电梯的容器
            "control2": ".lift-target",                           //需要遍历的电梯的父元素
            "target": [".t1", ".t2", ".t3", ".t4", ".t5", ".t6", ".t7"], //监听的内容，注意一定要从小到大输入
            "current": "current" 						  //选中的样式
        });


    })
</script>


</body>
</html>        
